<template>
  <div>
    <button @click="count++">+</button>
    <span>{{ count }}</span>
    <button @click="count--">-</button>
  </div>
</template>

<script>
export default {
  // 在vue脚手架环境中，data是一个函数
  // 函数返回一个对象，这个对象就是组件的data
  // 这样保证了每个组件的数据data是独立的
  data() {
    return {
      count: 0
    };
  }
};
</script>

<style>
span {
  padding: 10px;
}
</style>